<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="main.css">
    <title>理想生活上天猫</title>
</head>
<body>
    <div class="top-layout">
        <div class="page-top">
            <p class="left top-nav">喵，欢迎来天猫<a href="#">请登录</a><a href="#">免费注册</a></p>
            <ul class="right top-nav">
                <li class="menu-item" id="mytaobao"><a href="#">我的淘宝</a><b class="sanjiao"></b>
                    <div class="menu-item-hidden"><a href="#">已买到宝贝</a><a href="#">已卖出宝贝</a></div>
                </li>
                <li><a href="#">我关注的品牌</a></li>
                <li><a href="#">购物车<b class="number">0</b>件</a></li>
                <li class="menu-item" id="shouchangjia"><a href="#">收藏夹</a><b class="sanjiao"></b></li>
                <li class="shutiao"></li>
                <li><a href="#">手机版</a></li>
                <li><a href="#">淘宝网</a></li>
                <li><a href="#">商家支持</a></li>
                <li><a href="#">网站导航</a></li>
            </ul>
        </div>
    </div>

    <header>
        <div class="logo"><img src="images/logo.gif"></div>
        <div class="search">
            <form class="search-form">
                <input type="search" placeholder="白领上班必备零食" class="search-area">
                <button type="submit">搜索</button>
            </form>
            <ul>
                <li><a href="#" class="font-red">牛仔裤</a></li>
                <li><a href="#">连衣裙</a></li>
                <li><a href="#">四件套</a></li>
                <li><a href="#" class="font-red">剃须刀</a></li>
                <li><a href="#">客厅灯</a></li>
                <li><a href="#">口红</a></li>
                <li><a href="#" class="font-red">小白鞋</a></li>
                <li><a href="#">女包</a></li>
                <li><a href="#" class="font-red">手机壳</a></li>
            </ul>
        </div>
    </header>

    <nav>
        <div class="fenlei-title">商品分类</div>
        <div class="nav">
            <ul>
                <li><a href="#"><img src="images/chaoshi-nav.png" width="100" height="30"></a></li>
                <li><a href="#"><img src="images/guoji-nav.png" width="100" height="30"></a></li>
                <li><a href="#">天猫会员</a></li>
                <li><a href="#">电器城</a></li>
                <li><a href="#">喵鲜生</a></li>
                <li><a href="#">医药馆</a></li>
                <li><a href="#">营业厅</a></li>
                <li><a href="#">魅力惠</a></li>
                <li><a href="#">飞猪旅行</a></li>
                <li><a href="#">苏宁易购</a></li>
            </ul>
        </div>
        <div class="fenlei">
            <ul class="fenlei-list">
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内22</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
                <li><a href="#">女装/内衣</a></li>
            </ul>
        </div>
    </nav>

    <div class="layout-fullhouse"></div>

    <div class="banner">
        barner
    </div>
</body>
</html>